<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>



    <style>
        /*后代选择器*/
        /*body p{*/
        /*    background: #80007a;*/
        /*}*/
        /*子选择器*/
        body>p{
            background: #418078;
        }
    </style>
</head>
<body>

<p>p1</p>
<p>p2</p>
<p>p3</p>
<ul>
    <li>
        <p>p4</p>
    </li>
    <li>
        <p>p5</p>
    </li>
    <li>
        <p>p6</p>
    </li>

</ul>





</body>
</html>